<%--
  Created by IntelliJ IDEA.
  User: lichengming
  Date: 2017/8/3
  Time: 上午7:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/resources.jsp" %>
<html>
<head>
    <title>用户认证</title>
    <script>
        $(function () {
            $('#begin_time,#end_time').datetimepicker({
                language : 'zh-CN',
                format : 'yyyy-MM-dd HH:mm:ss',
            });
        })
    </script>
</head>
<body>
<div>
    <div class="panel panel-default">
        <div class="panel-heading">
            <h3 class="panel-title">查询条件</h3>
        </div>
        <div class="panel-body">
            <form class="form-inline ems_search_form">
                <div class="form-group">
                    <input type="text" class="form-control" name="nick_name" placeholder="昵称">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="begin_time" name="begin_time" placeholder="开始时间">
                    <label>-</label>
                    <input type="text" class="form-control" id="end_time"  name="end_time" placeholder="结束时间">
                </div>
                <div class="form-group">
                    <button type="button" class="btn btn-info btn-search">查询</button>
                    <button type="button" class="btn btn-default btn-reset">清空</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="ems_table_content">
    <div class="panel panel-default">
        <div class="panel-heading">用户认证列表</div>
        <div id="table_tools">
            <div class="form-inline" role="form">
                <button type="button" id="user_auth_audit" class="btn btn-outline btn-primary">
                    <i class="glyphicon glyphicon-edit" aria-hidden="true"></i>
                    审核
                </button>
            </div>
        </div>
        <table id="userAuthTable"
               data-url="/ems/userauth/pagination"
               data-show-export="true">
            <thead>
            <tr>
                <th data-field="state" data-checkbox="true"></th>
                <th data-field="nick_name">昵称</th>
                <th data-field="apply_time">申请时间</th>
                <th data-field="apply_result" data-formatter="statusFormat">状态</th>
            </tr>
            </thead>
        </table>
    </div>
    <script>

        function realNameFormat(value, row, index) {
            return "<a href='/ems/userauth/audit?id="+row.id+"'>"+value+"</a>";
        }
        function statusFormat(srcValue) {

            if (srcValue == 1) {
                return "<span style='color: #3cb371;font-weight: bold' >审核成功</span>";
            }else if(srcValue == 0){
                return "<span style='color: red;font-weight: bold'>审核中</span>";
            }else {
                return "<span style='color: red;font-weight: bold'>审核失败</span>";
            }
        }
    </script>
</div>
<script>
    $(function () {
        $("#userAuthTable").createTable();

        //编辑
        $("#user_auth_audit").on("click",function () {
            var selectRows =  $('#userAuthTable').bootstrapTable('getSelections');
            if (selectRows.length == 0) {
                $.errorAlert("请选择要审核的数据");
                return;
            }
            if (selectRows.length > 1) {
                $.errorAlert("暂时不支持多行数据审核");
                return;
            }
            window.location.href = "/ems/userauth/audit?id=" + selectRows[0].id;
        })
    });
</script>
</body>
</html>
